
.main {
  .siderBox {
    position: fixed;
    width: $siderWidth;
    height: calc(100vh - #{$headerHeight});
    top: $headerHeight;
    right: 0;
    background-color: #fff;
    padding:0 2rem;
    .listItem{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .tabBtn{
      display: flex;
      flex-wrap: wrap;
      overflow-y:scroll;
      max-height: 64vh;
      button{
        color: #333;
        box-shadow: $boxShadow;
        margin: 0.3rem;
      }
      
    }
    .tabBtn::-webkit-scrollbar {
      width: 0px;
    }
  }

  @media screen and (max-width: $minSize) {
    .siderBox {
      position: static;
      margin: 2rem;
      height:auto;
      width: calc(100% - 4rem);
    }
  }
  .setBtn{
    position: absolute;

    width: 6rem;
    left: calc((#{$siderWidth} - 4rem)/2);
    bottom: 1.2rem;
  }
}
